.pc-headline {
    width: 1200px * 0.9;
    height: 85px * 0.9;
    margin: 0 auto;
    overflow: hidden;
    >p {
        text-align: center;
        line-height: 85px * 0.9;
        span {
            font-size: 15px * 0.9;
            color: #b1b1b1;
            span {
                display: inline-block;
                width: 10px * 0.9;
                height: 10px * 0.9;
                border-radius: 10px * 0.9;
                background-color: #b1b1b1;
                margin-right: 10px * 0.9;
                margin-left: 15px * 0.9;
            }
        }
        .pc-gaoliang {
            color: #15bdf9!important;
            span {
                background: #15bdf9!important;
            }
        }
    }
}

.pc-xuan {
    width: 1200px * 0.9;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    div {
        vertical-align: center;
        display: inline-block;
        width: 179px * 0.9;
        height: 42px * 0.9;
        line-height: 42px * 0.9;
        text-align: center;
        border-radius: 10px * 0.9 10px * 0.9 0 0;
        font-size: 16px * 0.9;
        background-color: #dfdfdf;
        color: #9d9d9d;
        cursor: pointer;
    }
    >div:nth-of-type(2) {
        margin-left: 16px * 0.9;
    }
    .pc-xuanze-zhong {
        background-color: #ffffff;
        color: #000000;
    }
}

.pc-ziqu {
    display: none;
    width: 1200px * 0.9;
    background-color: #ffffff;
    border-radius: 0 10px 10px 10px * 0.9;
    margin: 0 auto;
    overflow: hidden;
    height: 98px * 0.9;
    p {
        font-size: 0;
        padding-left: 19px * 0.9;
        >span:nth-of-type(1) {
            font-size: 16px * 0.9;
            color: #9b9b9b;
        }
        >span:nth-of-type(2) {
            margin-left: 13px * 0.9;
            font-size: 16px * 0.9;
            color: #000000;
        }
    }
    >p:nth-of-type(1) {
        margin-top: 18px * 0.9;
    }
    >p:nth-of-type(2) {
        margin-top: 18px * 0.9;
    }
}

.pc-address {
    width: 1200px * 0.9;
    background-color: #ffffff;
    border-radius: 0 10px* 0.9 10px* 0.9 10px* 0.9 * 0.9;
    margin: 0 auto;
    padding-top: 25px * 0.9;
    padding-bottom: 25px * 0.9;
    overflow: hidden;
    >div {
        width: 267px * 0.9;
        min-height: 165px * 0.9;
        float: left;
        margin-left: 20px * 0.9;
        background-color: #f6f6f6;
        border: solid 1px #d5d5d5;
        border-radius: 5px * 0.9;
        padding: 25px * 0.9;
        cursor: pointer;
        margin-bottom: 20px * 0.9;
        >p:nth-of-type(1) {
            font-size: 16px * 0.9;
            color: #000000;
            i {
                float: right;
                color: #f83030;
            }
        }
        >p:nth-of-type(2) {
            margin-top: 22px * 0.9;
            font-size: 14px * 0.9;
            color: #000000;
        }
        >p:nth-of-type(3) {
            margin-top: 22px * 0.9;
            font-size: 14px * 0.9;
            color: #818181;
        }
        >p:nth-of-type(4) {
            font-size: 14px * 0.9;
            color: #818181;
        }
    }
    .pc-address-xin {
        width: 267px * 0.9;
        height: 165px * 0.9;
        >p:nth-of-type(1) {
            margin-top: 33px * 0.9;
            font-size: 24px * 0.9;
            text-align: center;
            color: #939393;
        }
        >p:nth-of-type(2) {
            margin-top: 15px * 0.9;
            font-size: 14px * 0.9;
            text-align: center;
            color: #939393;
        }
    }
}

/*列表*/

.pc-list {
    width: 1200px * 0.9;
    height: 70px * 0.9;
    background-color: #ffffff;
    border-radius: 10px * 0.9;
    margin: 10px * 0.9 auto;
    >div {
        width: 1170px * 0.9;
        margin: 0 auto;
        height: 70px * 0.9;
        >div {
            display: inline-block;
            height: 100%;
            text-align: center;
            line-height: 70px * 0.9;
            font-size: 16px * 0.9;
            color: #767676;
        }
        >div:nth-of-type(1) {
            width: 68%;
            text-align: left;
            span {
                margin-left: 50px * 0.9;
            }
        }
        >div:nth-of-type(2) {
            width: 10%;
        }
        >div:nth-of-type(3) {
            width: 10%;
        }
        >div:nth-of-type(4) {
            width: 10%;
        }
    }
}

/*商品*/

.pc-goods {
    width: 1200px * 0.9;
    background-color: #ffffff;
    border-radius: 10px * 0.9;
    margin: 10px * 0.9 auto;
    >div {
        border-top: 1px * 0.9 dashed #eeeeee;
        width: 1170px * 0.9;
        margin: 0 auto;
        >div {
            vertical-align: middle;
            display: inline-block;
            height: 100%;
            text-align: center;
            font-size: 16px * 0.9;
            color: #767676;
        }
        >div:nth-of-type(1) {
            width: 68%;
            text-align: left;
            overflow: hidden;
            >div:nth-of-type(1) {
                float: left;
                width: 123px * 0.9;
                min-height: 123px * 0.9;
                img {
                    width: 123px * 0.9;
                }
            }
            >div:nth-of-type(2) {
                width: 620px * 0.9;
                float: left;
                p {
                    padding-left: 40px * 0.9;
                }
                >p:nth-of-type(1) {
                    margin-top: 40px * 0.9;
                    font-size: 16px * 0.9;
                    color: #000000;
                }
                >p:nth-of-type(2) {
                    font-size: 14px * 0.9;
                    color: #929292;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
        }
        >div:nth-of-type(2) {
            width: 10%;
            line-height: 70px * 0.9;
        }
        >div:nth-of-type(3) {
            width: 10%;
            line-height: 70px * 0.9;
        }
        >div:nth-of-type(4) {
            width: 10%;
            line-height: 70px * 0.9;
        }
    }
    >div:nth-of-type(1) {
        border-top: 0;
    }
}

/*下单时间*/

.pc-time {
    width: 1200px * 0.9;
    height: 95px * 0.9;
    background-color: #ffffff;
    border-radius: 10px * 0.9;
    margin: 10px * 0.9 auto;
    padding-top: 25px * 0.9;
    >p {
        padding-left: 37px * 0.9;
        padding-right: 30px * 0.9;
        span {
            vertical-align: middle;
            font-size: 14px * 0.9;
        }
        >span:nth-of-type(1) {
            font-size: 21px * 0.9;
        }
        >span:nth-of-type(2) {
            color: #000000;
            margin-left: 35px * 0.9;
        }
        >span:nth-of-type(3) {
            color: #a7a7a7;
            margin-left: 30px * 0.9;
        }
        >span:nth-of-type(4) {
            float: right;
            >span:nth-of-type(1) {
                color: #000000;
                margin-right: 50px * 0.9;
            }
            >span:nth-of-type(2) {
                color: #219dfd;
                cursor: pointer;
                width: 100px * 0.9;
                display: inline-block;
                text-align: right;
            }
        }
    }
    >p:nth-of-type(2) {
        margin-top: 25px * 0.9;
    }
}

/*支付*/

.pc-pay {
    width: 1200px * 0.9;
    height: 120px * 0.9;
    background-color: #ffffff;
    border-radius: 10px * 0.9;
    margin: 10px * 0.9 auto;
    font-size: 0;
    line-height: 120px * 0.9;
    i {
        vertical-align: middle;
        margin-left: 35px * 0.9;
        font-size: 23px * 0.9;
    }
    label {
        margin-left: 30px * 0.9;
        cursor: pointer;
        display: inline-block;
        width: 180px * 0.9;
        height: 68px * 0.9;
        background-color: #f0f0f0;
        border-radius: 4px * 0.9;
        line-height: 68px * 0.9;
        vertical-align: middle;
        padding-left: 20px * 0.9;
        input {
            vertical-align: middle;
        }
        img {
            margin-left: 15px * 0.9;
            vertical-align: middle;
        }
    }
}

/*备注*/

.pc-remarks {
    width: 1200px * 0.9;
    height: 120px * 0.9;
    background-color: #ffffff;
    border-radius: 10px * 0.9;
    margin: 10px * 0.9 auto;
    line-height: 120px * 0.9;
    i {
        vertical-align: middle;
        margin-left: 35px * 0.9;
        font-size: 23px * 0.9;
    }
    input {
        margin-left: 35px * 0.9;
        height: 100%;
        width: 87%;
        outline: none;
        -webkit-appearance: none;
        border: 0;
    }
}

/*提交*/

.pc-submit {
    width: 1200px * 0.9;
    height: 70px * 0.9;
    background-color: #ffffff;
    border-radius: 10px * 0.9;
    margin: 10px * 0.9 auto;
    overflow: hidden;
    div {
        float: right;
        margin: 0 25px * 0.9 0 0;
        overflow: hidden;
        >span {
            float: left;
            vertical-align: middle;
            line-height: 70px * 0.9;
            font-size: 16px * 0.9;
            color: #000000;
            margin-right: 35px * 0.9;
            >span {
                font-size: 25px * 0.9;
                color: #e53b37;
            }
        }
        >span:nth-of-type(1) {
            float: left;
            line-height: 75px * 0.9;
            font-size: 14px * 0.9;
            color: #000000;
            margin-right: 35px * 0.9;
            >span {
                font-size: 18px * 0.9;
                color: #333;
            }
        }
        a {
            float: right;
            display: block;
            margin-top: 10px * 0.9;
            width: 161px * 0.9;
            height: 45px * 0.9;
            background-color: #f83030;
            border-radius: 22px * 0.9;
            font-size: 16px * 0.9;
            color: #ffffff;
            text-align: center;
            line-height: 45px * 0.9;
        }
    }
}

.pc-address-popups {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    .pc-address-popups-content {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: -400px * 0.9;
        margin: auto;
        width: 375px * 0.9;
        height: 472px * 0.9;
        background-color: #ffffff;
        border-radius: 14px * 0.9;
        text-align: center;
        padding-top: 20px * 0.9;
        >p:nth-of-type(1) {
            margin-bottom: 25px * 0.9;
            i {
                position: absolute;
                right: 0;
                margin-right: 40px * 0.9;
            }
        }
        >input {
            width: 290px * 0.9;
            height: 45px * 0.9;
            border-radius: 5px * 0.9;
            border: solid 1px * 0.9 #e2e2e2;
            margin-bottom: 20px * 0.9;
            outline: none;
            -webkit-appearance: none;
            padding-left: 15px * 0.9;
        }
        >div:nth-of-type(1) {
            position: relative;
            >input {
                width: 290px * 0.9;
                height: 45px * 0.9;
                border-radius: 5px * 0.9;
                border: solid 1px * 0.9 #e2e2e2;
                margin-bottom: 20px * 0.9;
                outline: none;
                -webkit-appearance: none;
                padding-left: 15px * 0.9;
            }
            span {
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                width: 67px * 0.9;
                height: 24px * 0.9;
                text-align: center;
                background-color: #f83030;
                border-radius: 5px * 0.9;
                color: #fff;
                font-size: 13px * 0.9;
                line-height: 24px * 0.9;
                margin-right: 45px * 0.9;
                margin-top: 11px * 0.9;
            }
        }
        .cuowu {
            input {
                border: solid 1px * 0.9 #f83030 !important;
            }
            span {
                display: block !important;
            }
        }
        select {
            width: 305px * 0.9;
            height: 45px * 0.9;
            padding-left: 15px * 0.9;
            background-color: #f5f5f5;
            border-radius: 5px * 0.9;
            border: solid 1px * 0.9 #e2e2e2;
            margin-bottom: 20px * 0.9;
            outline: none;
            -webkit-appearance: none;
        }
        >p:nth-of-type(2) {
            margin-bottom: 18px * 0.9;
            padding-left: 35px * 0.9;
            text-align: left;
            input {
                vertical-align: middle;
            }
            span {
                vertical-align: middle;
            }
        }
        >a {
            display: block;
            margin: 0 auto;
            width: 304px * 0.9;
            height: 45px * 0.9;
            background-color: #f83030;
            border-radius: 22px * 0.9;
            border: solid 1px * 0.9 #e2e2e2;
            text-align: center;
            line-height: 45px * 0.9;
            font-size: 14px * 0.9;
            color: #ffffff;
        }
    }
}

// 优惠券选择
.pc-discounts-popups {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    .pc-discounts-popups-content {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: -400px * 0.9;
        margin: auto;
        width: 375px * 0.9;
        height: 472px * 0.9;
        background-color: #ffffff;
        border-radius: 14px * 0.9;
        text-align: center;
        padding-top: 20px * 0.9;
        >p:nth-of-type(1) {
            margin-bottom: 25px * 0.9;
            i {
                cursor: pointer;
                position: absolute;
                right: 0;
                margin-right: 40px * 0.9;
            }
        }
        >div {
            margin: 0 auto;
            cursor: pointer;
            width: 300px * 0.9;
            height: 68px * 0.9;
            border-radius: 5px * 0.9;
            position: relative;
            >div:nth-of-type(1) {
                width: 100%;
                height: 100%;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            >div:nth-of-type(2) {
                position: absolute;
                top: 0;
                overflow: hidden;
                >div:nth-of-type(1) {
                    float: left;
                    width: 115px * 0.9;
                    >p {
                        line-height: 68px * 0.9;
                        >span:nth-of-type(1) {
                            font-size: 16px * 0.9;
                            vertical-align: middle;
                            color: #fff;
                        }
                        >span:nth-of-type(2) {
                            font-size: 37px * 0.9;
                            vertical-align: middle;
                            color: #fff;
                        }
                    }
                }
                >div:nth-of-type(2) {
                    float: left;
                    >p:nth-of-type(1) {
                        margin-top: 15px * 0.9;
                        font-size: 12px * 0.9;
                        color: #ffffff;
                    }
                    >p:nth-of-type(2) {
                        margin-top: 5px * 0.9;
                        font-size: 12px * 0.9;
                        color: #ffffff;
                    }
                }
            }
        }
    }
}

// 代金券选择
.pc-voucher-popups {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    .pc-voucher-popups-content {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: -400px * 0.9;
        margin: auto;
        width: 375px * 0.9;
        height: 472px * 0.9;
        background-color: #eaeaea;
        border-radius: 14px * 0.9;
        text-align: center;
        padding-top: 20px * 0.9;
        >p:nth-of-type(1) {
            margin-bottom: 25px * 0.9;
            i {
                cursor: pointer;
                position: absolute;
                right: 0;
                margin-right: 40px * 0.9;
            }
        }
        >div {
            margin: 0 auto;
            cursor: pointer;
            width: 300px * 0.9;
            height: 68px * 0.9;
            border-radius: 5px * 0.9;
            position: relative;
            >div:nth-of-type(1) {
                width: 100%;
                height: 100%;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            >div:nth-of-type(2) {
                position: absolute;
                top: 0;
                overflow: hidden;
                >div:nth-of-type(1) {
                    float: left;
                    width: 110px * 0.9;
                    >p:nth-of-type(1) {
                        margin-top: 15px * 0.9;
                        line-height: 25px * 0.9;
                        >span:nth-of-type(1) {
                            font-size: 17px * 0.9;
                            vertical-align: middle;
                            color: #fe3333;
                        }
                        >span:nth-of-type(2) {
                            font-size: 25px * 0.9;
                            vertical-align: middle;
                            color: #fe3333;
                        }
                    }
                    >p:nth-of-type(2) {
                        font-size: 14px * 0.9;
                        color: #fe3333;
                    }
                }
                >div:nth-of-type(2) {
                    float: left; // padding-left: 20px*0.9;
                    >p:nth-of-type(1) {
                        margin-top: 15px * 0.9;
                        font-size: 12px * 0.9;
                        color: #797979;
                    }
                    >p:nth-of-type(2) {
                        margin-top: 5px * 0.9;
                        font-size: 12px * 0.9;
                        color: #797979;
                    }
                }
            }
        }
    }
}